<center>
<html>
<head>

<style type="text/css">
#wrapper-featured{
    padding:10px 0 ;
    width:650px;
    height: 326px;
    margin:0 ;
    background: url(http://1.bp.blogspot.com/_j82W7u9kZbs/S4PIf5_AoJI/AAAAAAAABTU/fV-Ca8f3_lI/s1600/bg_featured.jpg) no-repeat;
    position:relative;
    }
#wrapper-myslides {
    width:550px;
    height:210px;
    padding: 0 0 ; 
    margin:  3px 0 0 10px;
    position:relative;
    float:left;
    }
#myslides {
    width:550px;
    height:210px;
    padding: 0 0 50px; 
    margin:  0 18px ;
    overflow:hidden;
    }
.panel{
    width:550px;
    height:210px;
    }
#myslides img.crop-foto { 
    margin:8px 10px 10px 9px;
    border:1px solid #fff;
    display:block;
    position:absolute;
    right:3px;
    top:0;
    }
.featured-entry {
    text-align:left;
    line-height:1.5em;
    font-style:italic;
    font-size:12px;
    font-family: georgia,Arial,Verdana, Helvetica, sans-serif;
    padding: 20px 10px 0;
     width:280px;
    color:#fff;
    position:absolute;
    top:0;
    left:0;
    }       
h3.featured-title {
    font-size:22px;
    text-align:left;
    font-family:Georgia, Arial,Verdana, Helvetica, sans-serif;
    margin:10px 0 5px;
    padding:0 0 5px;
    font-weight:normal;
    line-height:1em;
    font-style:normal;
    }
h3.featured-title a:link, h3.featured-title a:visited{
    color:#fff;
    }       
h3.featured-title a:hover {
    color:#b1e1ff;
    }
#nav-slides  a#prev  {
    position:absolute;
    bottom:105px;
    left:135px;
    z-index:1;
    color:#800;
    width:14px;
    height:15px;
    background: url(http://4.bp.blogspot.com/_j82W7u9kZbs/S4PIgGqiI2I/AAAAAAAABTc/TVJVRxgolPg/s400/prev.jpg) no-repeat;
    }
#nav-slides  a#prev:hover{
    background: url(http://3.bp.blogspot.com/_j82W7u9kZbs/S4PIgrELHJI/AAAAAAAABTk/7fHHap-Uvks/s400/prev_hover.jpg) no-repeat;
    }
#nav-slides  a#next  {
    position:absolute;
    bottom:105px;
    left:160px;
    z-index:1;
    color:#800;
    width:14px;
    height:15px;
    background: url(http://1.bp.blogspot.com/_j82W7u9kZbs/S4PIg6l0qKI/AAAAAAAABTs/FA8fvPY0wlA/s400/next.jpg) no-repeat;
    }
#nav-slides  a#next:hover{
    background: url(http://1.bp.blogspot.com/_j82W7u9kZbs/S4PIhJz7YvI/AAAAAAAABT0/B6PleC4jlUk/s400/next_hover.jpg) no-repeat;
    }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"> 
<script src='http://btemplatescripts.googlecode.com/files/jquery.cycle.all.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
sfHover = function() {
    var sfEls = document.getElementById("nav").getElementsByTagName("LI");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" hover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" hover\\b"), "");
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//]]>
</script>

<script type="text/javascript">
$(document).ready(function(){
$(&#39;#myslides&#39;).cycle({
fx: &#39;fade&#39;,
speed: 700,
timeout: 3000,
next:   &#39;#next&#39;,
prev:   &#39;#prev&#39;
});
});
</script> 
</head>
<body>
<div id="wrapper-featured">
<div id="wrapper-myslides">
<div id="myslides">
<div class="panel">
<div class="image-frame">
<a href="http://my-folders.blogspot.com/" rel="bookmark" title="POST TITLE">
<img alt="IMAGE TITLE" class="crop-foto" height="185" src="http://farm3.static.flickr.com/2745/4053275401_98d09abea1.jpg" width="205" /></a>
</div>
<div class="featured-entry">
 
<h3 class="featured-title">
<a href="http://my-folders.blogspot.com/" rel="bookmark" title="POST TITLE">POST TITLE</a></h3>
WRITE YOUR POST DESCRIPTION HERE<br />

</div>
<!--end featured-entry-->
</div>
<!--end panel-->

<div class="panel">
<div class="image-frame">
<a href="http://my-folders.blogspot.com/" rel="bookmark" title="POST TITLE">
<img alt="IMAGE TITLE" class="crop-foto" height="185" src="http://farm3.static.flickr.com/2676/4053275587_d21ffaab15.jpg" width="205" /></a>
</div>
<div class="featured-entry">
 
<h3 class="featured-title">
<a href="http://my-folders.blogspot.com/" rel="bookmark" title="POST TITLE">POST TITLE</a></h3>
WRITE YOUR POST DESCRIPTION HERE<br />

</div>
<!--end featured-entry-->
</div>
<!--end panel-->

<div class="panel">
<div class="image-frame">
<a href="http://my-folders.blogspot.com/" rel="bookmark" title="">
<img alt="IMAGE TITLE" class="crop-foto" height="185" src="http://farm3.static.flickr.com/2477/4054018014_c5e93695f4.jpg" width="205" /></a>
</div>
<div class="featured-entry">
 
<h3 class="featured-title">
<a href="http://my-folders.blogspot.com/" rel="bookmark" title="POST TITLE">POST TITLE</a></h3>
WRITE YOUR POST DESCRIPTION HERE<br />

</div>
<!--end featured-entry-->
</div>
<!--end panel-->

</div>
<!--end myslides-->
</div>
<!--end wrapper-myslides-->

<div id="nav-slides">
<a href="#" id="prev">
<a href="#" id="next">
</a></a></div>
</div>
</body>
</html>
</center>
